<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="./bootstrap/css/yy.css"/>

<style>
    /*div*/
    /*{*/
        /*width:100px;*/
        /*height:75px;*/
        /*/!*background-color:red;*!/*/
        /*/!*border:1px solid black;*!/*/
    /*}*/
    div#div2
    {
        transform:rotateX(200deg);
        -webkit-transform:rotateX(200deg);
    }
</style>
</head>
<body>
<!--<div>Hello. This is a DIV element.</div>-->

<!--<div id="div2">Hello. This is a DIV element.</div>-->
<div style="width:15%; height:200px;background-color: #e8d443;margin-left: 30px;float: left" >
    <div  class="ch-item ch-img-1" >
        <div class="ch-info-wrap">
            <div class="ch-info">
                <div class="ch-info-font ch-img-1"></div>
                <div class="ch-info-back">
                    <h3>Services Image</h3>
                    <p>by Gumball Greative</p>
                    <a href="#">View on Dribbble</a>
                </div>
            </div>
        </div>
    </div>
</div>



<div style="width:15%; height:200px;background-color: #e87490;margin-left: 30px;float: botton" >
<div id="div2" class="ch-item ch-img-1" >
    <div class="ch-info-wrap">
        <div class="ch-info">
            <div class="ch-info-font ch-img-1"></div>
            <div class="ch-info-back">
                <!--<h3>Services Image</h3>-->
                <!--<p>by Gumball Greative</p>-->
                <!--<a href="#">View on Dribbble</a>-->
            </div>
        </div>
    </div>
</div>
</div>

<!--<div style="width:15%; height:200px;background-color: #e8d443;margin-left: 30px;float: left" >-->
<!--<div class="ch-item ch-img-2">-->
    <!--<div class="ch-info-wrap">-->
        <!--<div class="ch-info">-->
            <!--<div class="ch-info-font ch-img-2"></div>-->
            <!--<div class="ch-info-back">-->
                <!--<h3>Services Image</h3>-->
                <!--<p>by Gumball Greative</p>-->
                <!--<a href="#">View on Dribbble</a>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--</div>-->


<!--<div style="width:15%; height:200px;background-color: #e8d443;margin-left: 30px;float: left" >-->
<!--<div class="ch-item ch-img-3">-->
    <!--<div class="ch-info-wrap">-->
        <!--<div class="ch-info">-->
            <!--<div class="ch-info-font ch-img-3"></div>-->
            <!--<div class="ch-info-back">-->
                <!--<h3>Services Image</h3>-->
                <!--<p>by Gumball Greative</p>-->
                <!--<a href="#">View on Dribbble</a>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</body>-->


<!--</body>-->
<!--</html>-->


<body>




</body>
</html>
